<link rel="stylesheet" href="{{$core_js}}/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<script src="{{$core_js}}/prettyPhoto/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    //This is for PerttyPhoto
$(document).ready(function(){
      		$("a[rel^='prettyPhoto']").prettyPhoto();
      	});
</script>

<style type="text/css">

img
{
border: medium none;
}

#prodImageCell
{
visibility: visible;
padding: 5px;
//border: 1px solid gray;
width:100px;
}

#defaultImage
{
border: 1px solid gray;
}

#galleryImage
{
background-color: #F0F0F0;
width:100%;
padding:5px;
border:1px solid gray;
margin:20px;
}

#prodInfo
{
margin-left: 15px;
}

#prodContent
{
padding:15px;
}

span.info
{
font-size: 12px;
}
span.description
{
font-size: 13px;
}

span.attribute
{
font-size: 11px;
color: #848484;
}

#button
{
width:75px;
}
.fav_checkbox
{
width:0px;
}


</style>

<table id="prodContent" width="100%">
    <tr>
        <td id="prodImageCell" width="30%">
            <table>
                <tr>
                    <td id="defaultImage" height="200" width="300">
                      {{foreach from=$image_obj item=i}}
                      {{if $i->is_default==1}}
                       <a href="{{$product_images}}/{{$i->file_name}}" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures.">
                            <img src="{{$product_images}}/{{$i->file_name}}" width="150" height="150" alt="" />
                       </a>
                       {{/if}}
                       {{/foreach}}
                    </td>
                </tr>
                <tr>
                    <td id="galleryImage">
                        <div id = "divCurrImage">
                            <ul class="gallery clearfix">
                             {{foreach from=$image_obj item=i}}
                               <a href="{{$product_images}}/{{$i->file_name}}" rel="prettyPhoto[pp_gal]" title="You can add caption to pictures.">
                                    <img src="{{$product_images}}/{{$i->file_name}}" width="40" height="40" alt="" />
                               </a>
                             {{/foreach}}
                            </ul>
                        </div>
                    </td>
                </tr>
            </table>

        </td>
        <td>
            <form  method="post" action="{{$base_index_url}}{{$smarty.server.PATH_INFO}}">
                
            <table id="prodInfo">
                <tr>
                    <td colspan="2"><h3>{{$language_obj->short_desc}}</h3></td>
                </tr>
                <tr>
                    <td><span class="attribute">UPC: </span></td><td><span class="info">{{$product_obj->upc}}</span></td>
                </tr>
                <tr>
                    <td><span class="attribute">Part Number: </span></td><td><span class="info">{{$product_obj->part_num}}</span></td>
                </tr>
                <tr>
                    <td><span class="attribute">Price: </span></td><td><span class="info">{{$product_obj->price}}</span></td>
                </tr>
                <tr>
                    <td><span class="attribute">Height: </span></td><td><span class="info">{{$dimension_obj->height}}</span></td>
                </tr>
                <tr>
                    <td><span class="attribute">Width: </span></td><td><span class="info">{{$dimension_obj->width}}</span></td>
                </tr>
                <tr>
                    <td><span class="attribute">Length: </span></td><td><span class="info">{{$dimension_obj->length}}</span></td>
                </tr>
                <tr>
                    <td><span class="attribute">Weight: </span></td><td><span class="info">{{$dimension_obj->weight}}</span></td>
                </tr>
                {{if $user<>""}}
                <tr>
                    <td><span class="attribute">Favorite: </span></td>
                    <td>
                        <span class="info">
                        {{load_specific_view name="add_remove_fav" module="favorite" fav_prod_id=$product_obj->id fav_list_id=$favorite->id state=''}}
                        </span>
                    </td>
                </tr>
                {{/if}}


                <tr>
                    <td colspan="2"><input id="button" type="submit" value="Add to Cart"/></td>
                </tr>
                <input type="hidden" value="{{$product_obj->id}}" name="cart_part_id"/>
                <input type="hidden" value="1" name="cart_qty"/>
                <input type="hidden" value="cart_singe_item" name="cart_singe_item"/>

            </table>
            </form>
        </td>
    </tr>
    <tr>
        <td colspan=2>
            <p>
                <span class="description">
                {{$language_obj->long_desc}}
                </span>
            </p>
        </td>
    </tr>
</table>
